<template>
  <div id="centerRight1">
    <dv-scroll-board class="dv-scr-board" :config="config" />
  </div>
</template>

<script>
import { getEquipmentCapacity } from "@/api/index";
export default {
  data() {
    return {
      config: {
        header: [
        this.$t('page2.table.header.machineNumber'),
          this.$t('page2.table.header.currentStatus'),
          this.$t('page2.table.header.operatingRate'),
          this.$t('page2.table.header.runningHours'),
          this.$t('page2.table.header.idleHours'),
          this.$t('page2.table.header.failureHours'),
        ],
        data: [
          [
            "A01",
            `<span style='color:#11ff9d'>${this.$t('page2.table.status.running')}</span>`,
            "95.29%",
            "22",
            "2",
            "0",
          ],
          [
            "A02",
            `<span style='color:#11ff9d'>${this.$t('page2.table.status.running')}</span>`,
            "90.70%",
            "20",
            "4",
            "0",
          ],
          [
            "A01",
            `<span style='color:#11ff9d'>${this.$t('page2.table.status.running')}</span>`,
            "95.29%",
            "22",
            "2",
            "0",
          ],
        ],
        rowNum: 2, //表格行数
        headerHeight: 30,
        headerBGC: "", //表头
        oddRowBGC: "#14314d", //奇数行
        evenRowBGC: "", //偶数行
        // columnWidth: [80],
        align: ["center", "center", "center", "center", "center", "center"],
      },
    };
  },
  methods: {},
  mounted() {
    // setInterval(() => {
    //   this.getrequests();
    // }, 3600000);
    // this.getrequests(1);
  },
};
</script>

<style lang="scss" scoped>
::v-deep .dv-scroll-board {
  height: 11vh;
  .header {
    font-size: 14px;
    color: #85acef !important;
    text-align: center;
  }
  .rows {
    .row-item {
      color: #c6d9f8;
      font-size: 15px;
    }
  }
}
</style>
